<%@ include file="../common/top.jsp"%>

<script src="js/AccountSearch.js"></script>

<div id="Catalog">
    <form action="register" method="POST">

        <h3>User Information</h3>

        <c:if test="${requestScope.msg != null}">
            <p> <font color="red">${requestScope.msg} </font> </p>
        </c:if>
        <!-- Add the following code to display username availability -->
        <p id="usernameAvailability" style="color: red;"></p>
        <!-- End of the code for displaying username availability -->

        <table>
            <tr>
                <td>Username:</td>
                <td><input type="text" name="username" id="keyword1"/></td>
            </tr>
            <tr>
                <td>New password:</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td>Repeat password:</td>
                <td><input type="password" name="repeatedPassword" /></td>
            </tr>
        </table>
        <h3>Account Information</h3>

        <table>
            <tr>
                <td>First name:</td>
                <td><input type="text" name="firstname" /></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td><input type="text" name="lastname" /></td>
            </tr>
            <tr>
                <td>Email:</td>
                <td><input type="text" size="40" name="email" /></td>
            </tr>
            <tr>
                <p id="phoneError" style="color: red;"></p>
            </tr>
            <tr>
                <td>Phone:</td>
                <td><input type="text" name="phone" id="phone1"/></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input type="text" size="40" name="address1" /></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input type="text" size="40" name="address2" /></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input type="text" name="city" /></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input type="text" size="4" name="state" /></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input type="text" size="10" name="zip" /></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input type="text" size="15" name="country" /></td>
            </tr>
        </table>

        <h3>Profile Information</h3>

        <table>
            <tr>
                <td>Language Preference:</td>
                <td>
                    <select name="language">
                        <option value="english">English</option>
                        <option value="chinese">Chinese</option>
                        <option value="japanese">Japanese</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Favourite Category:</td>
                <td>
                    <select name="favourite">
                        <option value="DOGS">Dogs</option>
                        <option value="CATS">Cats</option>
                        <option value="BIRDS">Birds</option>
                        <option value="FISH">Fish</option>
                        <option value="REPTILES">Reptiles</option>
                    </select>
                </td>
            </tr>
<%--            <tr>--%>
<%--                <td>Enable MyList</td>--%>
<%--                <td><input type="checkbox" name="listOption" /></td>--%>
<%--            </tr>--%>
<%--            <tr>--%>
<%--                <td>Enable MyBanner</td>--%>
<%--                <td><input type="checkbox" name="bannerOption" /></td>--%>
<%--            </tr>--%>

        </table>


        <input type="submit" value="Register">
<%--        <input type="submit" name="editAccount" value="Save Account Information" />--%>

    </form>
<%--    <a href="org.mybatis.jpetstore.web.actions.OrderActionBean" onclick="listOrders()">My Orders</a>--%>
</div>


<%@ include file="../common/bottom.jsp"%>